<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
    <script src="../js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
    <script>$.getScript('../js/offline.js');</script>
</head>
<body>
<div class="container">
    <div class="cont" style="width:1080px;">
        <div class="AG">
            <div class="row">
                <div class="col-md-6" >
                    <button type="button" id="flushbtn" class="btn btn-primary active">刷新</button>
                </div>
            </div>
            <!--采购立项-->
            <div class="items">
                <div class="item">
                    <div class="title"><p class="caption">采购立项</p>
                        <p class="info">采购立项</p></div>
                    <div class="list">
                        <ul>
                            <li id="cglx">
                                <div class="img"><img src="../images/01.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">采购立项</p>
                                    <p class="detail" id="cglxbtn" style="display: none">采购立项信息：
                                        <a href="" target='_blank' id="cglxbtn1" class="btn btn-primary btn-xs"
                                           role="button">查看</a>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--采购准备-->
            <div class="items">
                <div class="item">
                    <div class="title"><p class="caption">采购准备</p>
                        <p class="info">立项完成到发标前</p></div>
                    <div class="list">
                        <ul>
                            <li id="bsps">
                                <div class="img"><img src="../images/03.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">标书评审</p>
                                    <p class="detail" id="initbsps">等待上一步骤结束</p>
                                    <p class="detail" id="bspsbtn" style="display: none">
                                        <a href="" target='_blank' id="bspsbtn1" class="btn btn-primary btn-xs"
                                           role="button">标书评审</a>
                                        <a href="" target='_blank' id="bspsbtn2" class="btn btn-primary btn-xs"
                                           role="button">查看</a>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--采购过程-->
            <div class="items">
                <div class="item">
                    <div class="title">
                        <p class="caption">采购过程</p>
                        <p class="info">从发标到评标结果</p>
                    </div>
                    <div class="list">
                        <ul>
                            <li id="gmbs">
                                <div class="img"><img src="../images/04.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">购买标书</p>
                                    <p class="detail" id="initgmbs">等待上一步骤结束</p>
                                    <p class="detail" id="gmbsbtn" style="display: none">
                                        <a href="" target='_blank' id="gmbsbtn1" class="btn btn-primary btn-xs"
                                           role="button">购买标书</a>
                                        <a href="" target='_blank' id="gmbsbtn2" class="btn btn-primary btn-xs"
                                           role="button">查看</a>
                                    </p>
                                </div>
                            </li>

                            <li id="tbbzj">
                                <div class="img"><img src="../images/06.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">投标保证金</p>
                                    <p class="detail" id="inittbbzj">等待上一步骤结束</p>
                                    <p class="detail" id="tbbzjbtn" style="display: none">
                                        <a href="" target='_blank' id="tbbzjbtn1" class="btn btn-primary btn-xs"
                                           role="button">缴纳</a>
                                        <a href="" target='_blank' id="tbbzjbtn2" class="btn btn-primary btn-xs"
                                           role="button">查看</a><br>
                                        <a href="" target='_blank' id="tbbzjbtn3" class="btn btn-primary btn-xs"
                                           role="button">退回</a>
                                        <a href="" target='_blank' id="tbbzjbtn4" class="btn btn-primary btn-xs"
                                           role="button">查看</a><br>
                                        <a href="" target='_blank' id="tbbzjbtn5" class="btn btn-primary btn-xs"
                                           role="button">扣除</a>
                                        <a href="" target='_blank' id="tbbzjbtn6" class="btn btn-primary btn-xs"
                                           role="button">查看</a>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--采购决策-->
            <div class="items">
                <div class="item">
                    <div class="title">
                        <p class="caption">采购决策</p>
                        <p class="info">决策到中标通知</p>
                    </div>
                    <div class="list">
                        <ul>
                            <li id="cgjc">
                                <div class="img"><img src="../images/10.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">采购决策</p>
                                    <p class="detail" id="initcgjc">等待上一步骤结束</p>
                                    <p class="detail" id="cgjcbtn" style="display: none">
                                        <a href="" target='_blank' id="cgjcbtn1" class="btn btn-primary btn-xs"
                                           role="button">发起决策</a>
                                        <a href="" target='_blank' id="cgjcbtn2" class="btn btn-primary btn-xs"
                                           role="button">查看</a><br>
                                        <a href="" target='_blank' id="cgjcbtn3" class="btn btn-primary btn-xs"
                                           role="button">决策变更</a>
                                        <a data-toggle='modal' data-target='#myModal' data-index=""
                                           class="btn btn-primary btn-xs" id="cgjcbtn4" role="button">查看</a>
                                    </p>
                                </div>
                            </li>

                            <li id="zbtz">
                                <div class="img"><img src="../images/11.png"></div>
                                <div class="mytext">
                                    <p class="subtitle">中标通知</p>
                                    <p class="detail" id="initzbtz">等待上一步骤结束</p>
                                    <p class="detail" id="zbtzbtn" style="display: none">
                                        <a data-toggle='modal' data-target='#myModal' data-index=""
                                           id="zbtzbtn1" class="btn btn-primary btn-xs" role="button">查看</a>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 80%">
        <div class="modal-content">
            <div class="modal-body" style="height: 350px" id="modalid">
                <iframe id="iframeid" src="" width="100%" height="100%" frameborder="0"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
</body>
</html>